<template>
  <div class="container">
    <div class="section"
         v-if="qualification!=''">
      <div class="title">
        <img :src="imgUrl+'/mp_3.0.5/iconl.png'"
             v-if="imgUrl"
             mode="widthFix"
             alt=""
             class="img">
        <div class="msg">
          医生资格证
        </div>
        <img :src="imgUrl+'/mp_3.0.5/iconr.png'"
             v-if="imgUrl"
             alt=""
             class="img">
      </div>
      <div class="content">
        <img :src="baseUrl+qualification"
             v-if="baseUrl"
             mode="widthFix"
             alt=""
             class="img">
      </div>
    </div>
    <div class="section "
         v-if="licence!=''">
      <div class="title">
        <img :src="imgUrl+'/mp_3.0.5/iconl.png'"
             v-if="imgUrl"
             mode="widthFix"
             alt=""
             class="img">
        <div class="msg">
          医生执业证
        </div>
        <img :src="imgUrl+'/mp_3.0.5/iconr.png'"
             v-if="imgUrl"
             alt=""
             class="img">
      </div>
      <div class="content">
        <img :src="baseUrl+licence"
             v-if="baseUrl"
             mode="widthFix"
             alt=""
             class="img">
      </div>
    </div>
    <div class="section"
         v-if="mainQualification!=''">
      <div class="title">
        <img :src="imgUrl+'/mp_3.0.5/iconl.png'"
             v-if="imgUrl"
             mode="widthFix"
             alt=""
             class="img">
        <div class="msg">
          主诊医生资格证
        </div>
        <img :src="imgUrl+'/mp_3.0.5/iconr.png'"
             v-if="imgUrl"
             alt=""
             class="img">
      </div>
      <div class="content">
        <img :src="baseUrl+mainQualification"
             v-if="baseUrl"
             mode="widthFix"
             alt=""
             class="img">
      </div>
    </div>
  </div>
</template>

<script>
import common from "@/assets/js/mmk_common.js";
export default {
  data () {
    return {
      imgUrl: common.image_resource,
      baseUrl: common.image_response,
      mainQualification: "",
      licence: "",
      qualification: "",

    }
  },
  methods: {
  },
  onLoad (options) {
    wx.setNavigationBarTitle({ title: '医生详情' });
    if (options.mainQualification) {
      this.mainQualification = options.mainQualification
    }
    if (options.licence) {
      this.licence = options.licence
    }
    if (options.qualification) {
      this.qualification = options.qualification
    }
  }
}

</script>
<style lang="less" scoped>
.container {
  padding-top: 10px;
  width: 100%;
  height: 100%;
  overflow: auto;
  .section {
    text-align: center;
    .title {
      display: inline-block;
      margin: 24px auto 10px;
      .img {
        width: 13px;
        height: 13px;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
      }
      .msg {
        font-size: 16px;
        font-family: "PingFangSC-Medium", "PingFang SC";
        font-weight: 500;
        color: rgba(255, 128, 157, 1);
        line-height: 22px;
        display: inline-block;
        vertical-align: middle;
        margin: 0 8px;
        text-align: center;
      }
    }
    .content {
      width: 320px;
      height: 166px;
      background: rgba(241, 241, 241, 1);
      border-radius: 10px;
      margin: 0 auto;
      overflow: hidden;
      .img {
        width: 100%;
        height: 100%;
      }
    }
  }
}
</style>